/* 
    Document   : chilamstyle
    Created on : 06-ago-2012, 2:24:52
    Author     : Last Develop
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
* {
    padding: 0;
    margin: 0;
    border: 0;
}

section{display:block; }


body{
  background-image:url(bg.gif);
  background-repeat:repeat-x;
  
    
}
footer, section, aside, nav, article {
    
	display: block;
}

#page{
    margin: 0 auto;
    width: 960px;
    margin-top: 20px;

}
header{
border-radius: 5px 10px 0px 0px / 10px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
border-radius: 5px 10px 0px 0px/ 10px;
height:120px;
background:#EDD89E;
 }
header h1,h2,h3{

color:#DC933D;
margin-top:5px;

font-family: "Brushstroke" !important;
*font-family: "Brushstroke" !important;
font-weight:300;
font-variant:small-caps;
text-align:center;

width:960px;

}
header h1{
font-size:40px;
height:50px;
 }
header h2{
height:30px;
font-size:25px; 
}
header h3{
height:20px;
font-size:20px; 
}
header h1 a,h2 a,h3 a
{
color:#DC933D;
text-decoration:none;
}
header h1 a:hover,h2:hover,h3:hover
{
color:#DC933D;
 }
header .logo
{
width:300px;
height:110px;


float:right;
margin:4px;
 }
 header .logo2
{


width:200px;
height:112px;

float:left;
margin:4px;
 }
/*Barra de navegacion superior*/

#menu_top {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 10px 0;
				padding: 0;
				list-style-type: none;
				/*background-color: #eee;*/
				font-size: 10px;
				height: 24px;
				/*border-top: 2px solid #eee;
				border-bottom: 2px solid #ccc;*/
                               
}
#menu_top li {
float: right;
margin: 0;				
}
#menu_top img
{
vertical-align:middle;
border:0px;
 }
#menu_top li a {
text-decoration: none;
display: block;
padding: 0 10px;
line-height: 20px;
color: #fff;
}
#menu_top li a:hover, #menu_top li.active a {
background-color: #f5f5f5;
border-bottom: 2px solid #DDD;
color: #664C06;
}
#menu_wrapper ul {margin-left: 12px;}
#menu_wrapper {padding: 0 16px 0 0; background: url(images/grey.png) no-repeat right;}
#menu_wrapper div {float: left; height: 44px; width: 12px; background: url(images/grey.png) no-repeat left;}
	
    
/*para la caja search*/    		
.input01-wrap {

	position:relative;
    float:left;
	padding:0;
	text-align:center;
}
.input01-wrap .input01 {
	width:200px;
	height:30px;
	padding:0 30px 0 10px;
	border:1px solid #8c8c8c;
	border-bottom:1px solid #a5a6a7;
	
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	
	box-shadow:0px 1px 0px rgba(255,255,255,0.6), inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 1px 0px rgba(255,255,255,0.6), inset 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 1px 0px rgba(255,255,255,0.6), inset 0 1px 1px rgba(0,0,0,0.1);
	
	color:#a4a4a4;
	font-family:Arial, Helvetica, sans-serif, AppleGothic;
}
.input01-wrap .input01:focus {
	box-shadow:0px 0 5px rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0 5px rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 0 5px rgba(255,255,255,1), inset 0 1px 1px rgba(0,0,0,0.1);
	outline:none;
}
.input01-wrap .input01_submit {
	position:absolute;
	margin:0;
	padding:0;
	top:8px;
	right:12px;
	width:11px;
	height:11px;
}

/* Custom Size */
.input01-wrap.big .input01 {
	width:180px;
	height:33px;
	padding:0 30px 0 10px;
	
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}
.input01-wrap.big .input01_submit {
	top:13px;
	right:12px;
}
/*Nav*/
nav{
margin-top:2px;
width:960px;
background:#F99007;
height:30px;
 }
#button {

padding: 0; 
} 
#button li { 

display: inline; 
} 
#button li a { 


font-family: Arial; 
font-size:12px; 
text-decoration: none; 
float:left; 
padding-top: 5px;
padding-bottom:5px;
padding-left:10px; 
padding-right:10px;
background-color:#F99007; 
color: #fff; 
}  
#button li a:hover{
background:#fff;
color:#604806;

text-decoration:underline;

 }
 
 
 
 footer{
 padding-top:10px;
 border-top:1px solid #DB933E;
 border-radius: 0px 0px 5px 10px / 0px 0px 10px 5px;
border-radius: 0px 0px 5px 4px;
border-radius: 0px 0px 5px 5px/ 10px;
font-family:arial;
height:25px;
background:#EDD89E;
text-align:center;
font-size: 9px;

 }
 footer p{
 font-family:Arial;
	font-size: 9px;
	color: #DD740B;
  }
  footer a
  {
  color: #DD740B;
  
   }
   
 



/*ESTRUCTURA DE LA PAGINA EL CONTENIDO CENTRAL*/

#contenido p{ margin-bottom:10px;}
#contenido{
	
	overflow:hidden;

	width:960px;
    background:#EDD89E;
}

#centro{
width:670px;
float:left;
background:#fff;
 }
#columna{
    float:right;
    width:270px;
	padding:10px;

}
.box{
padding:4px;
margin:2px;
font-family: Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
margin: 10px 0;
padding: 0;
list-style-type: none;
				/*background-color: #eee;*/
font-size: 12px;

border-top: 2px solid #eee;

 }
 .box h1{
 font-size:16px;
color:#6B4704;
text-align:center;
border-bottom:1px solid #e0e0e0;
  }
 
 
 /*LISTAS */
.box ul {
   list-style-type: none;

   margin: 8px;
    padding: 5px;
    width: 260px;
    font-family: Arial, sans-serif;
    font-size: 10pt;


    

}
.box ul li {
    background-color:#F99007;
    border-radius: 5px;
    margin-top:5px;

}
.box li:hover{
  list-style-image:url('viñeta.png');

 }
.box ul li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    padding: 5px 5px 5px 8px;
    
}
.box ul li a:hover {
      
    background: #6D3E04;
    /*border-left: 10px solid #333;*/
  
    color: #fff;
     border-radius: 5px
}
.clear{
clear:both;
 }

/*Estilo para el contenido de la pagina resturant*/
.restaurant{
width:660px;
margin:0 auto;
margin-top:20px;
padding-top:5px;

font-size:11px;
text-align:justify;
font-family:sans-serif;
font-variant:normal;
font-weight:300;

}
.restaurant h3,h2{
    width: 660px;
}
ul{
	list-style-type:none
	}
img {
	border:none;
}
.spacer{
	font-size:0; line-height:0; clear:both;
	}
        
/*add*/
#left{
    min-height: 300px;
}
#left img{
    
    border:1px solid #EFEEEC;
  
    
}
#left h2.welcome{
	background:url(images/welcome.gif) no-repeat 0 0;
	width:620px;
	height:16px;
    text-align:center;
    
	
	}
#left p.weltxt{
	font:12px/normal Arial, Helvetica, sans-serif, Tahoma;
	color:#3D3B45;
	text-align:justify;
	width:620px;
	margin:18px 0 0 0;
	}
#left p.weltxt a.more{
		float:right;
		padding:25px 0 21px 0;
		color:#3D3B45;
		text-decoration:none;
		font-weight:bold;
		}
#left p.weltxt a:hover{
	color:#990000;
	text-decoration:underline;
	}
#left h2.resturent{
	background: url(images/resturent.gif) no-repeat 0 0;
	width:522px;
	height:16px;
	line-height:0;
	font-size:0;
	margin:0 0 0 0;
	text-indent:-200000px;
	clear:both;
	}
#left div.menu{
	background:url(images/menu_bg.gif) repeat-x 0 0;
	width:600px;
	height:104px;
	padding:10px 0px 0px 7px;
        
	}
#left div.menu ul.brown{
	float:left;
	width:94px;
	margin:0 8px 20px 0;
	display:block;
	}
ul.brown li{
	background:url(images/brown.gif) no-repeat 0 8px;
	padding:0 0 13px 10px;
	color:#3D3B45;
	}
ul.brown li a{
	text-decoration:none;
	color:#3D3B45;
	font:bold 11px/normal Arial, Helvetica, sans-serif, Tahoma;
	}
ul.brown li a:hover{
	color:#990000;
	text-decoration:underline;
        	}
            #left{
                  width: 610px;
                 
                  margin-left: 10px;
                  
                }
                #left img{
                   border:1px solid #444444;
                   padding: 2px;
                   
                } 
#left h2.order{
	background:url(images/order.gif) no-repeat 0 0;
	width:610px;
	height:16px;
	text-indent:-200000px;
	clear:both;
	}
#left ul.image{
	margin:15px 0 0 0;
	width:620px;
        
	}
#left ul.image li{
	height:153px;
	width:95px;
	text-align:center;
	margin:0 6px 0 0 ;
	background:url(images/order_now.gif) no-repeat 14px 134px;
	float:left;
	font:bold 11px/normal Arial, Helvetica, sans-serif, Tahoma;
	color:#3D3B45;
        margin-left: 5px;
       
        
	}
#left ul.image li span{
	color:#B57D0A;
	}
#left ul.image li a{
	margin:0 0 0 0;
	text-decoration:none;
	color:#990000;
	}
#left ul.image li a:hover{
	color:#000000;
	text-decoration:underline;}

/*fin remove*/

/*galeria del restaurat*/

/*TABLA CALENDARIO CHILAM BALAM*/
.calendario{
margin-left:30px;
margin-right:10px;
margin-top:5px;
margin-bottom:20px;
float:left;
}
.calendario form
{
width:140px;
font-family:sans-serif;
font-size:9px;
margin-bottom:10px;
margin-top:10px;

 }
 .calendario fieldset
{

border:1px solid #EEEEEE;


 }
 .calendario input[type="radio"]
 {
 padding:3px;
 margin:2px;
 
  }

.descripcion_calendario
{
margin-top:5px;
float:right;
width:450px;
margin-bottom:20px;
margin-right:10px;

 }
 .representacion_calendario{
 font-size:12px;
font-family:arial;
 color:#843703;
font-weight:400;
 text-align:center;
  }
 .descripcion_calendario p{

text-align:justify;
color:#843703;
font-weight:400;
font-family: Arial; 
font-size:12px; 
text-decoration: none; 
line-height: 140%;
  }
 
table .calendariomaya{
width:120px; 
border-collapse:collapse;
border-spacing:  0px;
 
}
td{
border:hidden;
 }
td .celda{

border-collapse: collapse;
border-spacing: 10px;
margin: 0px;
height: 50px;
vertical-align: top;
}
td img.imagen{ 
margin: 0px;
    padding: 0px;
    height:50px;
    width: 40px;
    display: block;
}
  /*Galeria del restauran*/
  #gallery {
           margin:0 auto;
		background-color: #444;
		padding: 10px;
		width: 600px;
        margin-bottom:10px;

	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #fff;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

  

 #slideshow {

	margin:0 auto;
	padding:0;

	position:relative;
	border:15px solid #fff;
	-webkit-box-shadow:0 3px 5px #999;
	-moz-box-shadow:0 3px 5px #999;
	box-shadow:0 3px 5px #999;
    margin-bottom:20px;
}

 #slideshow ul {
	position:relative;
	overflow:hidden;
	margin:0;
	padding:0;
}

#slideshow ul li {
	position:absolute;
	top:0;
	left:0;

	margin:0;
	padding:0;
	list-style:none;
}

#pagination {
	clear:both;
	width:75px;
	margin:25px auto 0;
	padding:0;
}

#pagination li {
	list-style:none;
	float:left;
	margin:0 2px;
}

#pagination li a {
	display:block;
	width:10px;
	height:10px;
	text-indent:-10000px;
	background:url(pagination.png);
}

#pagination li a.active {
	background-position:0 10px;
}

.caption {
	width:100%;
	margin:0;
	padding:10px;
	position:absolute;
	left:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:lighter;
	color:#fff;
	border-top:1px solid #000;
	background:rgba(0,0,0,0.6);
}
/*formulario de contacto*/
/*==================forms====================*/
.contacto{
width:660px;
margin:0 auto;
margin-top:20px;
padding-top:5px;
min-height: 200px;
font-size:11px;
text-align:justify;
font-family:sans-serif;
font-variant:normal;
font-weight:300;

}
.contacto h2,h3{
    width: 620px;
    margin: 0 auto;
}
input, textarea, select { font-family:Tahoma, Arial, helvetica, sans-serif; font-size:1em;}
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}


#contacts-form { clear:right; width:620px; overflow:hidden; min-height: 200px; padding-left: 20px;}
#contacts-form fieldset { border:none; float:left; }

 #contacts-form fieldset.groupbox{
    border: 1px solid #eeeeef;
    
}
 #contacts-form legend.groupbox{
font-size:11px;
text-align:justify;
font-family:sans-serif;
font-weight:300;
font-weight:bold; color:#cc7108;
}
 #contacts-form label.groupbox{
  line-height:18px; padding-bottom:8px; font-weight:bold; color:#cc7108;
border: 1px solid #333;
}
#contacts-form radio.groupbox{
  
}
.clear_capa{
   clear: both; 
}

#contacts-form .field { clear:both;}
#contacts-form label { float:left; width:97px; line-height:18px; padding-bottom:8px; font-weight:bold; color:#cc7108;}
#contacts-form input { width:227px; padding:1px 0 1px 3px; background:url(../images/png-bg.png) left top; border:1px solid #ededed; color:#414141;}
#contacts-form .botonenviar {margin-bottom:10px; height:40px; width:227px; padding:1px 0 1px 3px; background-color:#F99007; border:1px solid #ededed; color:#414141;}

#contacts-form textarea { width:415px; height:159px; padding:1px 0 1px 3px; background:url(images/png-bg.png) left top; border:1px solid #ededed; color:#414141; margin-bottom:20px; overflow:auto;}





.quick-search
{
font-family:sans-serif;
font-size:11px;
font-weight:500;
width:210px;
float:left;
margin-bottom: 10px;
}
.quick-search-radio
{
	color:#000000;
	background-color:#ffffff;
	padding-left:100px;
	padding-top:10px;
}


/*Tooltip para jquery*/
#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#e0e0e0;
	padding:2px 5px;
	color:#333;
	display:none;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
        min-width: 100px;
        max-width: 400px;
	}

/*estilo para el carrito*/
#carrito{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    width: 640px;
    border: 1px solid #e0e0e0;
    min-height: 200px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
#carrito table{
    width: 640px;
    border: 1px solid #e0e0e0;
}
#carrito thead{
    background-color: #eeeeed;
    border: 1px solid #e0e0e0;
    height: 25px;
    text-align: center;
}
#carrito .item{
    width: 40px;
    padding: 5px;
}
#carrito input{
    border: 1px solid #3D3B45;
}
#carrito .moneda{
     padding: 5px;
    width: 40px;
    text-align:right;
}
#carrito .descripcion{
    width: 400px;
    text-align: justify;
}
#carrito .eliminar{
    text-align: center;
    
}
#carrito input[type="submit"]{
    
    background: #EEEEED;
    height: 20px;
    
}
#carrito button{
    background: #EEEEED;
    height: 20px;
    border: 1px solid #000;
    margin-left: 2px;
}
#carrito p{
    margin: 5px;
}


/*Estilo para los dijes mayas*/
.dijesmayas{
padding-top: 20px;
margin-top:10px;
margin-bottom:10px;
width:640px;
margin:0 auto;
min-height:300px;
 font-size:12px;
 font-family:sans-serif;
 }
 .alfabeto_maya{

 margin-top:10px;
 width:360px;
 float:left;
 border:1px solid #F1F1F1;
 margin-bottom:10px;
}
.alfabeto_maya table{
width:360px;
border:1px solid #666;
border-collapse:collapse;
border-bottom:10px;
 }
 .alfabeto_maya td{
 width:50px;

 vertical-align:middle;
 text-align:center;
  }
  .informacion_alfabeto{
  margin-top:10px;
  width:270px;
  float:right;
 border:1px solid #F1F1F1;
 text-align:justify;

   }    

.informacion_alfabeto h2{
width:260px;
font-size:16px; 
}
.informacion_alfabeto p{
padding:2px;
 }
 .informacion_alfabeto li{
 display:inline;
 padding:2px; 
 }
  .informacion_alfabeto li.precios{
 display:inline-block;
 padding:2px; 
 }
 
 